<template>
    <div class="bigconn" >
        <van-nav-bar title="店铺直播" left-text="" left-arrow @click-left="onClickLeft"
        />
        <div class="live" >
            <div class="live-video" @click="gogogo"  >
                    <img  class="live-img" src="https://api.isoyu.com/mm_images.php" alt="">
                    <span class="ViewsNumber" >2333人观看</span>
                <div class="live-text" >
                    <p style=";font-size:4vw" >介绍</p>
                    <p style="color:#999999;font-size:2vw" >店铺</p>
                </div>
            </div>
      
          
     
         
            
        </div>
    </div>
</template>
<script setup lang="ts" >
import {getlivedata} from '@/api/my1.ts'
import { onMounted } from 'vue';
import {useRouter,useRoute} from 'vue-router'
let router =useRouter()
let route=useRoute()

const onClickLeft = () => history.back();
onMounted(function(){
    getlivedata()
    .then(res=>{
        console.log(res.data);
    })
})
let gogogo=function(){
    router.push('/StoresLivePage')
}

</script>
<style>
 .bigconn .van-nav-bar__content {
    width: 100vw;
    height: 15vw !important;
    background: #eae9e5 !important;
    border: 0 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0;
    z-index: 10 !important;
}
 .bigconn .van-icon {
    color: #c5a28f !important;
}

 .bigconn .van-nav-bar__text {
    color: #333333 !important;
    font-size: 1vw !important;
}

.live{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 4vw;
    margin-top: 18vw;
    box-sizing: border-box;
}
.ViewsNumber{
    position: absolute;
    left: 8vw;
    top: 3vw;
    font-size: 2vw;
    color: #fff;
}
.live-video{
    width: 43vw;
    height: 55vw;
    border: 1px solid #dedede;
    border-radius:2vw ;
    display: flex;
    flex-direction: column;
    margin-top: 4vw;
    box-shadow:.5vw 1vw 2vw .8vw rgb(236, 230, 230);
    overflow: hidden;
    position: relative;
}
.live-img{
    width: 43vw;
    height: 40vw;

}


.live-text{
    flex: 3;
}
.live-text p{
    padding: 1vw;
}
</style>